<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="rem" content="design-width=720,max-width=480">
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>涨停助手</title>
    <script src="//s.thsi.cn/js/m/common/zepto.js"></script>
    <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.12/business/thsIphoneXAdapter.js"></script>
    <script src="//s.thsi.cn/cb?js/m/common/;user.js;basic.js;js/m/;vue.js;js/m/v2/common/;bridge.js;js/m/v2.1/common/;rem.js;js/m/v2/business/;share.js;fundstat.js;stat.js&20170817"></script>
    <script type="text/javascript" src="//s.thsi.cn/hxapp/m/base/js/skywalking.1.1.5.min.js"></script>
    <!-- build:css styles/ztDetail.css -->
    <link type="text/css" rel="stylesheet" href="./styles/old-reset.css">
    <link type="text/less" rel="stylesheet" href="./styles/old-ztDetail.less">
    <link type="text/less" rel="stylesheet" href="./styles/baseToolTip.less">
    <link type="text/less" rel="stylesheet" href="./styles/old-common.less">
    <!-- endbuild -->
    <!-- build:remove -->
    <script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
    <!-- endbuild -->

</head>

<body>
    <div class="scroll_box">
        <section class="vueBox" v-cloak>
            <section id="top">
                <div class="top-left">
                    <p class="tl-stock"><span class="stockName">{{fluctuatData.stockName}}</span><span class="stockCode">{{fluctuatData.stockCode}}</span></p>
                    <div class="tl-nums">
                        <span class="stockPrice redcolor" v-if="priceChange > 0">{{transFormData(fluctuatData.price,'number')}}</span>
                        <span class="stockPrice greencolor" v-else-if="priceChange < 0">{{transFormData(fluctuatData.price,'number')}}</span>
                        <span class="stockPrice" v-else>{{transFormData(fluctuatData.price,'number')}}</span>
                        <span class="stockZF redcolor" v-if="priceChange > 0">+{{priceChange}}%</span>
                        <span class="stockZF greencolor" v-else-if="priceChange < 0">{{priceChange}}%</span>
                        <span class="stockZF" v-else-if="parseInt(priceChange) == 0">0.00%</span>
                        <span class="stockZF" v-else>--</span>
                    </div>
                    <div class="tl-title"><span>涨停基因分数</span><i @click="moreInformationModel"></i></div>
                    <div class="tl-jy">{{fluctuatData.score}}</div>
                </div>
                <div class="top-right">
                    <div class="kline-outer">
                        <div class="gridwrapper" @click="JumpToFenShi(fluctuatData.stockCode,fluctuatData.market)">
                            <div class="hor-line"></div>
                            <div class="ver-line"></div>
                        </div>
                        <div class="kline-container"></div>
                        <div class="clearfix"><span class="fl">{{klineDataMax}}</span><span class="fr">+{{klineDataRise}}%</span></div>
                        <div class="clearfix"><span class="fl">{{klineDataMiddle.toFixed(2)}}</span><span class="fr">0.00%</span></div>
                        <div class="clearfix"><span class="fl">{{klineDataMin}}</span><span class="fr">-{{klineDataRise}}%</span></div>
                        <div class="clearfix">
                            <span class="fl">09:30</span><span class="f2">11:30</span><span class="fr">15:00</span>
                        </div>
                    </div>
                </div>
            </section>
            <section class="background"></section>
            <section class="ztDetail-box">
                <div @click="switchTab('0')">涨停基因分数<span></span></div>
                <div @click="switchTab('1')">历史回看<span></span></div>
            </section>
            <template v-if="clickModelFlag == '0'">
                <section class="ztDetail-left">
                    <section class="rose_box">
                        <div id="rose"></div>
                        <span class="rose_background"></span>
                        <span class="people_jiyin"><i>{{fluctuatData.geneData.turnOverRate.score}}分</i><i>换手</i></span>
                        <span class="hand_jiyin"><i>{{fluctuatData.geneData.breakthrough.score}}分</i><i>突破</i></span>
                        <span class="break_jiyin"><i>{{fluctuatData.geneData.trend.score}}分</i><i>趋势</i></span>
                        <span class="trend_jiyin"><i>{{fluctuatData.geneData.popularity.score}}分</i><i>人气</i></span>
                        <span class="short_jiyin"><i>{{fluctuatData.geneData.shortActive.score}}分</i><i>短期活跃</i></span>
                        <span class="big_jiyin"><i>{{fluctuatData.geneData.bigMoney.score}}分</i><i>大单</i></span>
                        <span class="rise_jiyin"><i>{{fluctuatData.geneData.shrinkageUp.score}}分</i><i>缩量上涨</i></span>
                        <span class="fenshi_jiyin"><i>{{fluctuatData.geneData.timeSharing.score}}分</i><i>分时</i></span>
                    </section>
                    <section class="rose-score">
                        <ul class="limit_score">
                            <li class="score_one">
                                <div>
                                    <i>{{fluctuatData.geneData.shortActive.score}}</i><i>/40</i>
                                </div>
                                <div>
                                    <span>短期活跃基因</span>
                                    <p>近10日平均振幅{{averageRise}}%，近30天内涨停{{averageRiseTwo}}次，30日内最高涨幅超过5%出现{{averageRiseThree}}次，近10日内涨停{{averageRiseFour}}次，10日内涨停次数高涨幅超过5%日出现{{averageRiseFive}}次</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <i>{{fluctuatData.geneData.timeSharing.score}}</i><i>/20</i>
                                </div>
                                <div>
                                    <span>分时基因</span>
                                    <p>当日开盘涨幅{{riseInOpen}}%，盘中运行时最高涨幅{{riseToday}}%，最低涨幅{{lowestRiseToday}}%，当前实时涨幅{{riseInClose}}%</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <i>{{fluctuatData.geneData.turnOverRate.score}}</i><i>/10</i>
                                </div>
                                <div>
                                    <span>换手基因</span>
                                    <p>最近5日均换手率{{changeJiYin}}%，股性{{stockAwayData}}</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <i>{{fluctuatData.geneData.trend.score}}</i><i>/6</i>
                                </div>
                                <div>
                                    <span>趋势基因</span>
                                    <p>15分钟级别k线，六大均线及布林上轨整体趋势{{trendData}}</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <i>{{fluctuatData.geneData.popularity.score}}</i><i>/6</i>
                                </div>
                                <div>
                                    <span>人气基因</span>
                                    <p>15分钟级别k线，10个周期内，收阳线的周期k线有{{conMore}}根</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <i>{{fluctuatData.geneData.breakthrough.score}}</i><i>/6</i>
                                </div>
                                <div>
                                    <span><i>突破基因</i></span>
                                    <p>15分钟级别k线，10个周期内大幅拉升2%的周期出现{{breakMore}}次</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <i>{{fluctuatData.geneData.shrinkageUp.score}}</i><i>/6</i>
                                </div>
                                <div>
                                    <span>缩量上涨基因</span>
                                    <p>15分钟级别k线，10个周期内缩量上涨{{shinkMore}}次</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <i>{{fluctuatData.geneData.bigMoney.score}}</i><i>/6</i>
                                </div>
                                <div>
                                    <span>大单基因</span>
                                    <p>当前个股流通市值为{{geguMoney}}，属于{{compareMoney}}盘面，短期内主力资金净{{shortGoInMoney}}</p>
                                </div>
                            </li>
                        </ul>
                    </section>
                </section>
            </template>
            <template v-else>
                <section class="ztDetail-right">
                    <section class="hostory_times">
                        <p>近一年涨停次数</p>
                        <p>该股最近一年内出现涨停后封板率为<i>{{sealRateData}}%</i></p>
                    </section>
                    <section class="graph_box">
                        <div id="graph"></div>
                        <div class="graph_mask"></div>
                        <p class="graph_dash"></p>
                    </section>
                    <section class="graph_date" v-if="fluctuatData.historyReturn.limitUpTimesByMonth != null">
                        <span>{{startDate}}</span>
                        <span>{{endDate}}</span>
                    </section>
                    <section class="graph_die" v-if="fluctuatData.historyReturn.limitUpTimesByMonth != null">
                        <span><i></i><i>封死涨停次数</i></span>
                        <span><i></i><i>触及涨停次数</i></span>
                    </section>
                    <section class="hostory_show">
                        <div>近一年涨停次日表现</div>
                        <div class="show_box">
                            <div class="his_one" v-if="fluctuatData.historyReturn.historyTimes != null && fluctuatData.historyReturn.nextDayUpTimes != null">
                                <p>历史涨停次数</p>
                                <p class="redcolor" v-if="parseInt(fluctuatData.historyReturn.historyTimes) > 0">{{fluctuatData.historyReturn.historyTimes}}</p>
                                <p v-else>{{fluctuatData.historyReturn.historyTimes}}</p>
                            </div>
                            <div class="his_two" v-if="fluctuatData.historyReturn.historyTimes != null && fluctuatData.historyReturn.nextDayUpTimes != null">
                                <p>次日上涨概率</p>
                                <p v-if="parseFloat(fluctuatData.historyReturn.nextDayRise) >= 50" class="redcolor">{{fluctuatData.historyReturn.nextDayRise}}%</p>
                                <p v-else class="greencolor">{{fluctuatData.historyReturn.nextDayRise}}%</p>
                            </div>
                            <div class="his_three" v-if="fluctuatData.historyReturn.historyTimes != null && fluctuatData.historyReturn.nextDayUpTimes != null">
                                <p>次日平均涨幅</p>
                                <p v-if="parseFloat(nextAverageRise) > 0" class="redcolor">+{{nextAverageRise}}%</p>
                                <p v-else-if="parseFloat(nextAverageRise) < 0" class="greencolor">{{nextAverageRise}}%</p>
                                <p v-else>0.00%</p>
                            </div>
                        </div>
                        <p class="title_one">近一年涨停后持股收益率表现</p>
                        <p class="title_two">涨停后最佳持股周期为{{bestInHandle}}天，平均收益率为<i>{{averageRiseUp}}%</i></p>
                        <p class="title_three" v-if="bestInHandle == '0'">根据历史回测来看，该股涨停当日卖出最划算</p>
                    </section>
                    <template v-if="fluctuatData.historyReturn.riseData != null">
                        <section class="line-chart" v-if="fluctuatData.historyReturn.riseData.length != 0">
                            <div id="chartBox"></div>
                            <span class="chartTop" v-if="chartDataMax > '0'">+{{chartDataMax}}</span>
                            <span class="chartTop" v-else>{{chartDataMax}}</span>
                            <span class="chartMiddle" v-if="chartDataMax > '0' && chartDataMin < '0' ">0</span>
                            <span class="chartShort" v-if="chartDataMin > '0' ">+{{chartDataMin}}</span>
                            <span class="chartShort" v-else>{{chartDataMin}}</span>
                            <div class="chartline"></div>
                            <div class="chartbottom">
                                <ul>
                                    <li>0</li>
                                    <li>1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>4</li>
                                    <li>5</li>
                                    <li>6</li>
                                    <li>7(天)</li>
                                </ul>
                            </div>
                        </section>
                        <section class="line-chart" id="nullDataChart" v-else>该股近一年都无涨停，暂无历史回看数据</section>
                    </template>
                    <template v-else>
                        <section class="line-chart" id="nullDataChart">该股为新上市股票，暂无历史回看数据</section>
                    </template>
                </section>
            </template>
            <section class="background-rose"></section>
            <section class="web_filter"></section>
            <section class="filter_box">
                <p class="filter_title">功能说明</p>
                <div class="filter_contain">
                    <div>
                        <section>同花顺大数据金融研究中心，通过对海量历史涨停股票的特征数据进行研究分析后发现并得出了一套涨停基因分析模型。</section>
                        <section>涨停基因解析功能，正是采用该模型的技术原理对全市场几千只股票进行实时跟踪，并通过对个股涨跌情况、大单资金出入情况、量能变化及历史走势情况等特性进行分析后，逐一计算出个股的基因段的分值。</section>
                        <section>其中，涨停基因权重比例构成分别为：短期活跃基因（40%）、分时基因（20%）、换手基因（10%)、趋势基因(6%)、人气基因(6%)、突破基因(6%)、缩量上涨基因(6%)、大单基因(6%)，总计分值为100分，总分值越高表明个股涨停概率越大。</section>
                    </div>
                </div>
                <p class="filter_bottom" @click="closeModelInformation">我知道了</p>
            </section>
        </section>
    </div>
    <div class="load-error hide">
        <div class='error-main'>
            <img src="//s.thsi.cn/js/m/publicImg/error.png" alt="加载失败">
            <p>数据走丢了，点击屏幕重试</p>
        </div>
        <div class="cover"></div>
    </div>
    <div class="load-box hide">
        <div class="loading-now">
            <div class="loading trun-around"><img src="//s.thsi.cn/js/m/publicImg/loading.png" alt="正在加载"></div>
            <p>正在加载...</p>
        </div>
        <basetooltip></basetooltip>
    </div>
    <script type="text/javascript" src="//s.thsi.cn/js/m/lib/scripts/echarts.min.js"></script>
    <!-- build:js scripts/ztDetail.js -->
    <script type="text/javascript" src="./scripts/old-config.js"></script>
    <script type="text/javascript" src="./scripts/old-limitUp.js"></script>
    <script type="text/javascript" src="./scripts/iscroll-lite.js"></script>
    <script type="text/javascript" src="./scripts/old-scroll.js"></script>
    <script type="text/javascript" src="./scripts/BaseToolTip.js"></script>
    <script type="text/javascript" src="./scripts/SkyWalking.js"></script>
    <script type="text/javascript" src="./scripts/old-ztDetail.js"></script>
    <!-- endbuild -->
</body>

</html>